<template>
  <router-view></router-view>
</template>

<script setup>
import { onMounted } from 'vue'
import { ConfigProvider } from 'ant-design-vue'
</script>

<style>
/* 重置默认样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* 覆盖 Ant Design Vue 的默认样式 */
.ant-layout {
  background: #f0f2f5 !important;
  min-height: 100vh !important;
  width: 100vw !important;
  overflow: hidden !important;
}

.ant-layout-sider {
  overflow: hidden !important;
}

.ant-layout-header {
  padding: 0 !important;
  height: 64px !important;
  line-height: 64px !important;
}

.ant-layout-content {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 确保所有卡片和表格都能铺满容器 */
.ant-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.ant-card-body {
  flex: 1 !important;
  overflow: auto !important;
  padding: 24px !important;
}

.ant-table-wrapper {
  height: 100% !important;
}

.ant-table {
  height: 100% !important;
}

.ant-table-container {
  height: 100% !important;
}

.ant-table-body {
  height: 100% !important;
}

/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}

/* 响应式布局基础样式 */
@media screen and (max-width: 768px) {
  .ant-layout-header {
    height: 56px !important;
    line-height: 56px !important;
  }

  .ant-card-body {
    padding: 16px !important;
  }
}
</style> 